<template>
	<el-dialog title="添加人员" :visible.sync="dialogFormVisible" :modal-append-to-body="false">
		<el-form :model="form">
			<el-form-item label="单位" :label-width="formLabelWidth">
				<el-input v-model="form.company" autocomplete="off"></el-input>
			</el-form-item>
			<el-form-item label="姓名" :label-width="formLabelWidth">
				<el-input v-model="form.name" autocomplete="off"></el-input>
			</el-form-item>
			<el-form-item label="身份证号" :label-width="formLabelWidth">
				<el-input v-model="form.idCardNum" autocomplete="off"></el-input>
			</el-form-item>
			<el-form-item label="性别" :label-width="formLabelWidth">
				<el-input v-model="form.sex" autocomplete="off"></el-input>
			</el-form-item>
			<el-form-item label="年龄" :label-width="formLabelWidth">
				<el-input v-model="form.age" autocomplete="off"></el-input>
			</el-form-item>
			<el-form-item label="民族" :label-width="formLabelWidth">
				<el-input v-model="form.nation" autocomplete="off"></el-input>
			</el-form-item>
			<el-form-item label="籍贯" :label-width="formLabelWidth">
				<el-input v-model="form.nativePlace" autocomplete="off"></el-input>
			</el-form-item>
			<el-form-item label="出生地址" :label-width="formLabelWidth">
				<el-input v-model="form.address" autocomplete="off"></el-input>
			</el-form-item>
			<el-form-item label="职称" :label-width="formLabelWidth">
				<el-input v-model="form.professionalTitle" autocomplete="off"></el-input>
			</el-form-item>
			<el-form-item label="岗位等级" :label-width="formLabelWidth">
				<el-input v-model="form.postLevel" autocomplete="off"></el-input>
			</el-form-item>
			<el-form-item label="薪级等级" :label-width="formLabelWidth">
				<el-input v-model="form.salaryLevel" autocomplete="off"></el-input>
			</el-form-item>
      <el-form-item label="电话" :label-width="formLabelWidth">
				<el-input v-model="form.phoneNumber" autocomplete="off"></el-input>
			</el-form-item>
      <el-form-item label="邮箱" :label-width="formLabelWidth">
				<el-input v-model="form.email" autocomplete="off"></el-input>
			</el-form-item>
      <el-form-item label="入职年份" :label-width="formLabelWidth">
				<el-input v-model="form.yearOfEntry" autocomplete="off"></el-input>
			</el-form-item>
		</el-form>
		<div slot="footer" class="dialog-footer">
			<el-button @click="dialogFormVisible = false">取 消</el-button>
			<el-button type="primary" @click="dialogFormVisible = false">确 定</el-button>
		</div>
	</el-dialog>
</template>

<script>
export default {
	data() {
		return {
			dialogFormVisible: false,
			form: {
				company: '',
				name: '',
				idCardNum: '',
				sex: '',
				age: '',
				nation: '',
				nativePlace: '',
				address: '',
				professionalTitle: '',
				postLevel: '',
				salaryLevel: '',
				phoneNumber: '',
				email: '',
				yearOfEntry: ''
			},
			formLabelWidth: '80px'
		}
	}
}
</script>